<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <meta name="referrer" content="never">

    <!-- 
      <%= BASE_URL %> 定义项目服务器目录地址的动态变量
        -> 影响项目在开发完成后如何进行项目部署的打包错误
      BASE_URL 默认值是 /

      在vue的模块化项目中，进行项目服务器启动后，整个项目的 public 目录
      将作为当前启动服务器的根地址使用
    -->
    <!-- <link rel="stylesheet" href="<%= BASE_URL %>css/base.css"> -->
    <link rel="stylesheet" href="<%= BASE_URL %>css/animate.css">
    <script src="<%= BASE_URL %>js/common.js"></script>
    <title>first-project</title>
    <style>
        .loading{
            position: absolute;
            top: 0px;
            bottom: 0px;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.3);
            text-align: center;
        }
    </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but first-project doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app" class="loading">
        <img src="./imgs/loading.gif" alt="" srcset="">
        <p>页面努力加载中</p>
    </div>
    <!-- built files will be auto injected -->
    <!-- 
      装载项目打包后的一些支出JS或者css的基本文件
      这些文件构成的项目的运行基础
    -->
  </body>
</html>
